<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j">
    
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Pet Shop Petit Ami</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.png" type="image/x-icon"/>
<link rel="icon" href="favicon.png" type="image/x-icon" />
<link href="default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.slidertron-0.1.js"></script>
<link href="stylesheet/gallery.css" rel="stylesheet" type="text/css" media="screen" />
<link href="stylesheet/default.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-31061526-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
<div id="header">
	<div id="logo">
		<h1><a href="index.seam">Petit Ami </a></h1>
		<h2><a href="index.seam">Pet Shop</a></h2>
	</div>
	<!-- end div#logo -->
	<div id="menu">
		<ul>
			<li><a href="index.seam">Principal</a></li>
			<li><a href="produtos.seam">Produtos</a></li>
			<li><a href="veterinaria.seam">Veterinária</a></li>
			<li><a href="contato.seam">Contato</a></li>
		</ul>
	</div>
	<!-- end div#menu -->
</div>
<div>
	<div id="page">
		<div id="page-bgtop">
			<div id="content">
				<div id="gallery-bg">
					<div id="gallery-bgtop">
						<div id="gallery-bgbtm">
							<div id="foobar">
								<div class="navigation"> <a href="#" class="first">[ &lt;&lt; ]</a> &nbsp; <a href="#" class="previous">[ &lt; ]</a> &nbsp; <a href="#" class="next">[ &gt; ]</a> &nbsp; <a href="#" class="last">[ &gt;&gt; ]</a> </div>
								<div class="viewer">
									<div class="reel">
										<div class="slide"> <img src="images/galeria/image1.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/image2.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/image3.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/image5.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/image6.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/image7.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/image8.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/face1.jpg" alt=""/>  </div>										
										<div class="slide"> <img src="images/galeria/face2.jpg" alt=""/>  </div>											
										<div class="slide"> <img src="images/galeria/face3.jpg" alt=""/>  </div>											
										
										<div class="slide"> <img src="images/galeria/face5.jpg" alt=""/>  </div>											
										<div class="slide"> <img src="images/galeria/face6.jpg" alt=""/>  </div>											
											
										<div class="slide"> <img src="images/galeria/face8.jpg" alt=""/>  </div>											
										<div class="slide"> <img src="images/galeria/face9.jpg" alt=""/>  </div>											
										<div class="slide"> <img src="images/galeria/face10.jpg" alt=""/>  </div>											
										<div class="slide"> <img src="images/galeria/face11.jpg" alt=""/>  </div>										
															
										
										<div class="slide"> <img src="images/galeria/face14.jpg" alt=""/>  </div>										
										
										
										
										<div class="slide"> <img src="images/galeria/face18.jpg" alt=""/>  </div>											
										
										<div class="slide"> <img src="images/galeria/face20.jpg" alt=""/>  </div>											
									</div>
								</div>
							</div>
							<script type="text/javascript">

								$('#foobar').slidertron({
									viewerSelector:			'.viewer',
									reelSelector:			'.viewer .reel',
									slidesSelector:			'.viewer .reel .slide',
									navPreviousSelector:	'.previous',
									navNextSelector:		'.next',
									navFirstSelector:		'.first',
									navLastSelector:		'.last'
								});
								
							</script>
							<!-- end -->
						</div>
					</div>
				</div>
			</div>
			<!-- end div#content -->
			<div id="sidebar">
				<div id="sidebar-bgtop">
					<div id="sidebar-bgbtm">
						<ul>
							<li id="search">
								<h2>Procurar</h2>
								<form method="get" action="">
									<fieldset>
										<input type="text" id="seach-text" name="s" value="" />
										<input type="submit" id="search-submit" value="Pesquisar" />
									</fieldset>
								</form>
							</li>
							<li>
								<h2>Sistema</h2>
								<ul>
									<li><a href="home.seam">Área do cliente</a></li>
								</ul>
							</li>
							<li>
								<h2>Galeria</h2>
								<ul>
									<li><a href="galeria.seam">Fotos da Pet</a></li>
								</ul>
							</li>
							<li>
								<h2>Parceiros</h2>
								<ul>
									<li><a href="http://www.jonetechn.com.br">Jonetechn TI</a></li>
									<li><a href="">Mimo Pet - Banho e Tosa</a></li>
									<li><a href="http://www.ralfebraga.com.br">Ralfe Braga Arte e Design</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- end div#sidebar -->
			<div style="clear: both; height: 1px"></div>
		</div>
	</div>
	<!-- end div#page -->
</div>
<!-- end div#wrapper -->
<div id="footer-wrapper">
	<div id="footer">
		<p id="legal">Copyright &copy; 2012 Petit Ami. Todos os direitos humanos e animais reservados e preservados</p>
		<p id="links"><a href="#">Política de privacidade</a> | <a href="#">Termos de uso</a></p>
	</div>
</div>
<!-- end div#footer -->
</body>
</html>
</ui:composition>